<!--The content below is only a placeholder and can be replaced.-->
<div style="text-align:center">
  <h1>
   欢迎来到： {{ title }}!
  </h1>
</div>
<header class="navbar navbar-expand navbar-dark flex-column flex-md-row bd-navbar">
  <div class="navbar-nav-scroll">
      <ul class="navbar-nav bd-navbar-nav flex-row">
        <li class="nav-item">
            <a
            [ngClass]="{'active':activeMenu == 'show'}"
            class="flex-sm-fill text-sm-center nav-link" routerLink="/show" (click)="selectedMenu('show')">排班查询</a>
        </li>
        <li class="nav-item">
            <a
            [ngClass]="{'active':activeMenu == 'arrangements'}"
            class="flex-sm-fill text-sm-center nav-link" routerLink="/arrangements" (click)="selectedMenu('arrangements')">学员排班</a>
        </li>
        <li class="nav-item">
            <a
            [ngClass]="{'active':activeMenu == 'members'}"
            class="flex-sm-fill text-sm-center nav-link" routerLink="/members" (click)="selectedMenu('members')">学员总表</a>
        </li>
        <li class="nav-item">
            <a
            [ngClass]="{'active':activeMenu == 'setting'}"            
            class="flex-sm-fill text-sm-center nav-link active" routerLink="/setting" (click)="selectedMenu('setting')">系统设置</a>
        </li>
      </ul>
  </div>
</header>

<router-outlet></router-outlet>

